<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />

	</head>
	<body>
		<header class="toubu clearFix">
			<div class="logo">
				<img src="img/logo.png">
			</div>
			<div class="nav">
				<ul>
					<li><a href="index.html">
					<p>首页</p>
					<p>home</p>
					</a>
					</li>
					<li>
						<a href="list.html">
						<p>游戏</p>
						<p>game</p>
						</a>
					</li>
					<li>
						<a href="anli.html">
						<p>案例</p>
						<p>Case</p>
						</a>
					</li>
					<li>
						<a href="about.html">
						<p>关于我们</p>
						<p>About us</p></a>
					</li>
				</ul>
			</div>
			<div class="wx fr">
				<img src="img/weixin_03.png">
			</div>
		</header>
		<section class="clearfix">
			<div class="bg clearfix">
				<div class="left fl">
					<a href="">试玩游戏</a>
					<div class="leftlist">
						<ul>
							<li><img src="img/p5.png" ></li>
							<li><img src="img/p6.png" ></li>
							<li><img src="img/p7.png" ></li>
							<li><img src="img/p8.png" ></li>
						</ul>
					</div>
				</div>
				<div class="middle fl"></div>
				<div class="right fl">
					<div class="right_p">
						<p>我们能给</p>
						<p>客户带来的利益</p>
					</div>
					<div class="right_p1">
						<p>每一个细节的处理</p>
						<p>都体现出我们对时尚的不懈追求</p>
					</div>
					<div class="kownmore">
						<a href="">了解更多</a>
					</div>
					<div class="rightlist">
						<ul>
							<li><img src="img/p1.png" ></li>
							<li><img src="img/p2.png" ></li>
							<li><img src="img/p3.png" ></li>
							<li><img src="img/p4.png" ></li>
						</ul>
					</div>
				</div>
			</div>
		</section>
		<footer>
			<div class="footer_box clearfix">
				<div>
					<img src="img/icon.png" >
					<p class="p1">STEP ONE</p>
					<p class="p2">选择一个游戏，换图</p>
				</div>
				<div>
					<img src="img/icon2.png" >
					<p class="p4">THE SECOND STEP</p>
					<p class="p2">选择一个游戏，换图</p>
				</div>
				<div>
					<img src="img/icon3.png" >
					<p class="p3">THE THREE STEP</p>
					<p class="p6">选择一个游戏，换图</p>
				</div>
			</div>
			<div class="madgame">
				<div class="madp">
					<p>狂转游戏</p>
					<p><span style="font-weight: bold; color: #000000;">Turn</span> mad game</p>
				</div>
				<div class="ganmebox">
					<div class="game1">
						<div class="game1_top">
							<p>剑圣传奇</p>
							<p>2014-07-09</p>
							<p>使用次数:20</p>
							<div class="goumai">
								<a href="goumai.html">购买</a>
							</div>
						</div>
						<div class="game1_bottom">
						<img src="img/game1.png" >
						</div>
					</div>
					<div class="game2">
						<div class="game1_top">
							<p>PLAGUE LNC</p>
							<p>2014-07-09</p>
							<p>使用次数:20</p>
							<div class="goumai">
								<a href="goumai.html">购买</a>
							</div>
						</div>
						<div class="game1_bottom">
						<img src="img/game2.png" >
						</div>
					</div>
					<div class="game3">
						<div class="game1_top">
							<p>地狱边境</p>
							<p>2014-07-09</p>
							<p>使用次数:20</p>
							<div class="goumai">
								<a href="goumai.html">购买</a>
							</div>
						</div>
						<div class="game1_bottom">
						<img src="img/game3.png" >
						</div>
					</div>
				</div>
			</div>
			
			<div class="lgame">
				<div class="madp">
					<p>抽奖游戏</p>
					<p><span style="font-weight: bold; color: #000000;">Lottery</span> game</p>
				</div>
				<div class="ganmebox">
					<div class="game1">
						<div class="game1_top">
							<p>功夫西游</p>
							<p>2014-07-09</p>
							<p>使用次数:20</p>
							<div class="goumai">
								<a href="goumai.html">购买</a>
							</div>
						</div>
						<div class="game1_bottom">
						<img src="img/game4.png" >
						</div>
					</div>
					<div class="game2">
						<div class="game1_top">
							<p>宝石迷阵</p>
							<p>2014-07-09</p>
							<p>使用次数:20</p>
							<div class="goumai">
								<a href="goumai.html">购买</a>
							</div>
						</div>
						<div class="game1_bottom">
						<img src="img/game5.png" >
						</div>
					</div>
					<div class="game3">
						<div class="game1_top">
							<p>植物大战僵尸</p>
							<p>2014-07-09</p>
							<p>使用次数:20</p>
							<div class="goumai">
								<a href="goumai.html">购买</a>
							</div>
						</div>
						<div class="game1_bottom">
						<img src="img/game6.png" >
						</div>
					</div>
				</div>
			</div>
			
			<div class="logame">
				<div class="lop">
					<p>经典案例分享</p>
					<p><span style="font-weight: bold; color: #000000;">Lottery</span>game</p>
				</div>
				<div class="over">
					<div>
						<div><img src="img/left.png" ></div>
						<div class="wenzi">
							<p>南方航空<p>
							<p>飞行挑战赛</p>
							<p>2014年5月14日--5月27日</p>
							<p>扫码关注微信参加飞行挑战赛并抽奖</p>
							<p>即有机会赢取丰富奖品</p>
						</div>
						<div class="feiji">
							<img src="img/feiji.png" >
						</div>
					</div>
					<div>
						<div><img src="img/left.png" ></div>
						<div class="wenzi">
							<p>南方航空<p>
							<p>飞行挑战赛</p>
							<p>2014年5月14日--5月27日</p>
							<p>扫码关注微信参加飞行挑战赛并抽奖</p>
							<p>即有机会赢取丰富奖品</p>
						</div>
						<div class="feiji">
							<img src="img/feiji.png" >
						</div>
					</div>
					<div>
						<div><img src="img/left.png" ></div>
						<div class="wenzi">
							<p>南方航空<p>
							<p>飞行挑战赛</p>
							<p>2014年5月14日--5月27日</p>
							<p>扫码关注微信参加飞行挑战赛并抽奖</p>
							<p>即有机会赢取丰富奖品</p>
						</div>
						<div class="feiji">
							<img src="img/feiji.png" >
						</div>
					</div>
					<div>
						<div><img src="img/left.png" ></div>
						<div class="wenzi">
							<p>南方航空<p>
							<p>飞行挑战赛</p>
							<p>2014年5月14日--5月27日</p>
							<p>扫码关注微信参加飞行挑战赛并抽奖</p>
							<p>即有机会赢取丰富奖品</p>
						</div>
						<div class="feiji">
							<img src="img/feiji.png" >
						</div>
					</div>
				</div>
			</div>
		</footer>
	</body>
</html>
